<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
<h:outputStylesheet library="css" name="bootstrap/css/bootstrap.css"/>
</h:head> 
<head>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"></link>
</head>

<body>
<div class="navbar  navbar-inverse">
		  <div class="navbar-inner">
		    <div class="container">
		 	  
		     
		      <!-- Be sure to leave the brand out there if you want it shown -->
		      <a class="brand" href="#">ERP Solution Team </a>
		 
		      <!-- Everything you want hidden at 940px or less, place within here -->
		      <div class="nav-collapse">
		       
		        <ul class="nav">
			  		<li class="active"><a href="#">Home</a></li>
			 	 	<li><a href="#">News</a></li>
			  		<li><a href="#">About Us</a></li>
			  		<li><a href="#">Description</a></li>
			  		<li><a href="#" id="Pre">Presentations</a></li>
			  		<li><a href="#">Job offer</a></li>
	  				
				</ul>
				
		      	<form class="navbar-search pull-right">
		 		 	<input type="text" class="search-query" placeholder="Search"/>
				</form>
		        <!-- .nav, .navbar-search, .navbar-form, etc -->
		      </div>
		 
		    </div>
		  </div>
		</div>
		
		<div class="pagination pagination-centered ">
			
			<ul class="thumbnails well">
			<li class="thumbnail" style="text-align: left;">
				<h5>Candidates List<hr/></h5>
				<f:view>
		      	<h:form>
		      <ol>
		  		<h:dataTable value="#{CVManaged.cvbyofid}" var="cvs" styleClass="table-condensed" >
				<h:column></h:column><h:column><li>&nbsp;</li></h:column><h:column><img src="images/user.png" alt="" width="30%" /></h:column><h:column><h:outputText value="#{cvs.name}" styleClass="text-info"/></h:column><h:column ><h:outputText  value="#{cvs.prenom}" styleClass="text-info"/></h:column><h:column><h:link outcome="makertransition" value="Display" styleClass="btn btn-small btn-warning"><f:param name="offer2" value="#{cvs.id}"/><f:param name="temp" value="#{cvs.temp}"/></h:link></h:column>
				</h:dataTable>
			</ol>
			</h:form>
			</f:view>
			</li>
			<li>
			<br/><br/>
			<h:form>
			<h:link outcome="manager" value="&nbsp;Back&nbsp;&nbsp;" styleClass="btn btn-large btn-primary" /><br/><br/>
				<h:commandButton value="Screen" action="#{CVManaged.screen()}"  styleClass="btn btn-large btn-success" />
			</h:form>
			</li>
			<li class="thumbnail" style="text-align: left;">
			<h5>Screen Candidates List<hr/></h5>
			<ol>
				<h:dataTable value="#{CVManaged.cvscreen}" var="cvscreen" styleClass="table-condensed" >
				<h:column></h:column><h:column><li>&nbsp;</li></h:column><h:column><img src="images/user.png" alt="" width="30%" /> </h:column><h:column ><h:outputText value="#{cvscreen.name}" styleClass="text-info"/></h:column><h:column ><h:outputText  value="#{cvscreen.prenom}" styleClass="text-info"/></h:column><h:column> <img src="images/ok.png" alt="" width="30"/> </h:column><h:column><h:link outcome="makertransition" value="Display" styleClass="btn btn-small btn-warning"><f:param name="offer2" value="#{cvscreen.id}"/><f:param name="temp" value="#{cvscreen.temp}"/></h:link></h:column>
				</h:dataTable>
			</ol>
			</li>
			</ul>
		
		</div>
		<script type="text/javascript" language="javascript" src="jQ/jquery.js"></script>
		<script type="text/javascript" language="javascript" src="bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" language="javascript" src="jQ/index.js"></script>
</body> 
</html>